<template>
  <!-- 主页面框架 -->
  <ALayout class="frame">
    <ALayoutHeader class="header">
      <vy-theme-header :tag="1" :projectid="projectId"></vy-theme-header>
    </ALayoutHeader>
    <ALayout class="center">
      <ALayoutSider class="sleft" width="20%">
        <vy-theme-left></vy-theme-left>
      </ALayoutSider>
      <ALayoutContent class="content">
        <vy-theme-center></vy-theme-center>
      </ALayoutContent>
    </ALayout>
  </ALayout>
</template>

<script>
import VyHeader from "../../../components/theme-header.vue";
import VyCenter from "./frame/center.vue";
// 面授模式
import VyLeft from "./frame/left.vue";

export default {
  data() {
    return {
      viewFlag: null,
      projectId: "",
    };
  },
  created() {
    this.projectId = this.$route.query.projectId;
  },
  components: {
    [VyHeader.name]: VyHeader,
    [VyLeft.name]: VyLeft,
    [VyCenter.name]: VyCenter,
  },
  methods: {},
};
</script>

<style type="text/css" lang="scss" scoped>
.ant-layout {
  height: 100%;
  .ant-layout-header {
    padding: 0;
    background: #ffffff;
    -webkit-box-shadow: -8px -1px 30px 0px rgba(25, 63, 100, 0.15);
    box-shadow: -8px -1px 30px 0px rgba(25, 63, 100, 0.15);
    z-index: 9;
  }
}
.sleft {
  box-shadow: -8px -1px 30px 0px rgba(25, 63, 100, 0.15);
}
.content {
  box-shadow: -8px -1px 30px 0px rgba(25, 63, 100, 0.15);
  // padding: 0 0 0 20px;
  padding: 0 100px;
}
</style>
